<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>影票信息</title>
    <link rel="stylesheet" href="/css/ticketDetails.css">
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/common.css">
    <script src="js/urlTools.js"></script>
    <link rel="stylesheet" href="css/selectFile.css">
    <script src="js/logout.js"></script>

</head>
<body>
<header>
    <nav>
        <div id="loginControl">
            <!--            <ul>-->
            <!--                            <li><a href="index.html">首页</a></li>-->
            <!--            <li><a href="my_order.html">我的订单</a></li>-->
            <!--            <li id="loginState"><a href="login.html">注册/登录</a></li>-->
            <!--            <li id="logoutState"><a href="javascript: logout()">退出登录</a></li>-->
            <!--            <li><a href="#">联系我们</a></li>-->
            <!--            <div class="slider"></div>-->
            <!--            </ul>-->
        </div>
    </nav>
</header>
<script src="js/detectLoginStatusTool.js"></script>

<div class="detail">
<!--    <div class="img"><img src="img/票头.png" alt=""/></div>-->
<!--    <div class="no">无副卷无效</div>-->
<!--    <table border="0" class="tab" align="center">-->
<!--        <tr>-->
<!--            <td colspan="2">-->
<!--                <div>店名：万达影城(南阳中泰IMAX店)</div>-->
<!--                SHOP NAME-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td>-->
<!--                <div>影厅：IMAX1号厅</div>-->
<!--                HALL 需租3D眼镜-->
<!--            </td>-->
<!--            <td>-->
<!--                <div>时间：</div>-->
<!--                TIME 2023-06-03 23:28-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="2">-->
<!--                <div>片名：底气最后的夜晚（数字中文3D）</div>-->
<!--                MOVIE-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td>-->
<!--                <div>座号：4排5座</div>-->
<!--                SEAT-->
<!--            </td>-->
<!--            <td rowspan="2">-->
<!--                <div>票价：30.0</div>-->
<!--                PRICE<br/>-->
<!--                <div>服务费：0</div>-->
<!--                SERVICE CHANGE-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td>-->
<!--                <div>票类：网络售票</div>-->
<!--                TYPE-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td>-->
<!--                <div>售票时间：2023-06-03 23:28:33</div>-->
<!--                TICKET HOURS-->
<!--            </td>-->
<!--            <td>-->
<!--                <div>工号：悦影汇网售</div>-->
<!--                STAFF NO-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="2">-->
<!--                <div style="float: left"><img class="qrCode" src="img/QRCode.JPG" alt=""></div>-->
<!--                <div style="padding: 50px 0 0 160px;" class="word"> 影票一经出售，<br/>概不退换</div>-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="2">-->
<!--                <div>票号：182391723971293871</div>-->
<!--                NO-->
<!--            </td>-->
<!--        </tr>-->
<!--    </table>-->
</div>


<script>
<!--    let tmpHtml = "";-->
<!--    tmpHtml +=-->
<!--        '<table border="0" class="tab" align="center">\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td colspan="2">\n' +-->
<!--        '            <div>店名：万达影城(南阳中泰IMAX店)</div>\n' +-->
<!--        '            SHOP NAME\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td>\n' +-->
<!--        '            <div>影厅：IMAX1号厅</div>\n' +-->
<!--        '            HALL 需租3D眼镜\n' +-->
<!--        '        </td>\n' +-->
<!--        '        <td>\n' +-->
<!--        '            <div>时间：</div>\n' +-->
<!--        '            TIME 2023-06-03 23:28\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td colspan="2">\n' +-->
<!--        '            <div>片名：底气最后的夜晚（数字中文3D）</div>\n' +-->
<!--        '            MOVIE\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td>\n' +-->
<!--        '            <div>座号：4排5座</div>\n' +-->
<!--        '            SEAT\n' +-->
<!--        '        </td>\n' +-->
<!--        '        <td rowspan="2">\n' +-->
<!--        '            <div>票价：30.0</div>\n' +-->
<!--        '            PRICE<br/>\n' +-->
<!--        '            <div>服务费：0</div>\n' +-->
<!--        '            SERVICE CHANGE\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td>\n' +-->
<!--        '            <div>票类：网络售票</div>\n' +-->
<!--        '            TYPE\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td>\n' +-->
<!--        '            <div>售票时间：2023-06-03 23:28:33</div>\n' +-->
<!--        '            TICKET HOURS\n' +-->
<!--        '        </td>\n' +-->
<!--        '        <td>\n' +-->
<!--        '            <div>工号：悦影汇网售</div>\n' +-->
<!--        '            STAFF NO\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td colspan="2">\n' +-->
<!--        '            <div style="float: left"><img class="qrCode" src="img/QRCode.JPG" alt=""></div>\n' +-->
<!--        '            <div style="padding: 50px 0 0 160px;" class="word"> 影票一经出售，<br/>概不退换</div>\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '    <tr>\n' +-->
<!--        '        <td colspan="2">\n' +-->
<!--        '            <div>票号：182391723971293871</div>\n' +-->
<!--        '            NO\n' +-->
<!--        '        </td>\n' +-->
<!--        '    </tr>\n' +-->
<!--        '</table>';-->
<!--    jQuery(".detail").html(tmpHtml);-->

    let orderNumber = getQueryVariable("orderNumber");
    jQuery.ajax({
        url: "/order/get_detail",
        type: 'post',
        data: {
            "orderNumber": orderNumber
        },
        success: function (body) {
            body = JSON.stringify(body);
            body = JSON.parse(body);
            let tmpHtml = "";
            for (let i = 0; i < body.length; i++) {
                tmpHtml +=
                    '<table border="0" class="tab" align="center">\n' +
                    '    <tr>\n' +
                    '        <td colspan="2">\n' +
                    '            <div>店名：万达影城(南阳中泰IMAX店)</div>\n' +
                    '            SHOP NAME\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td>';
                tmpHtml += '<div>影厅：' + body[i].hall + '</div>\n' +
                    '            HALL 需租3D眼镜\n' +
                    '        </td>\n' +
                    '        <td>';
                tmpHtml += '<div>时间：</div>\n' +
                    '            TIME' + body[i].createTime.split(" ")[0].substring(0, body[i].createTime.split(" ")[0].length-1) + (parseInt(body[i].createTime.split(" ")[0][9])+1) + ' ' + body[i].begintime + '</td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td colspan="2">';
                tmpHtml += '<div>片名：' + body[i].name + '</div>\n' +
                    '            MOVIE\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td>';
                tmpHtml += '<div>座号：' + body[i].seat + '</div>\n' +
                    '            SEAT\n' +
                    '        </td>\n' +
                    '        <td rowspan="2">\n' +
                    '            <div>票价：30.0</div>\n' +
                    '            PRICE<br/>\n' +
                    '            <div>服务费：0</div>\n' +
                    '            SERVICE CHANGE\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td>\n' +
                    '            <div>票类：网络售票</div>\n' +
                    '            TYPE\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td>';
                tmpHtml += '<div>售票时间：' + body[0].createTime + '</div>\n' +
                    '            TICKET HOURS\n' +
                    '        </td>\n' +
                    '        <td>\n' +
                    '            <div>工号：万达影院售</div>\n' +
                    '            STAFF NO\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td colspan="2">\n' +
                    '            <div style="float: left"><img class="qrCode" src="img/QRCode.JPG" alt=""></div>\n' +
                    '            <div style="padding: 50px 0 0 160px;" class="word"> 影票一经出售，<br/>概不退换</div>\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '    <tr>\n' +
                    '        <td colspan="2">';
                tmpHtml += '<div>票号：' + orderNumber + '</div>\n' +
                    '            NO\n' +
                    '        </td>\n' +
                    '    </tr>\n' +
                    '</table>';
            }
            jQuery(".detail").html(tmpHtml);
        }
    });
</script>
</body>
</html>